<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
	body {
	font-family: '나눔고딕';
	font-size: 14px;
	font-weight: bold;
	color: red;
	margin-top: 100px;
	background-image: url('../images/main.jpg');
	background-size: 55% 57%;
	}
	.bw_btn{
		background-color: black;
		color: red;
		font-weight: bold;
		font-size: 15px;
	}
	.b_tb{
		background-color: black;
	}
	.bw_td{
		color: red;
		font-weight: bold;
		font-size: 20px;
	}
	#b_tb1 tr{
		background-color: blue;
	}
	#b_tb1 tr td:first-child{
		width: 20%;
		text-align: center;
	}
	#b_tb1 tr td:last-child{
		width: 50%;
	}
</style>
<script type="text/javascript" src="${pageContext.request.contextPath }/se2/js/HuskyEZCreator.js" charset="utf-8"></script>

</head>
<body>
	<form action="#" method="post">
		<div align="center" id="bw_div">
			<h1>글 상세보기</h1>
			<table class="b_tb" width="75%" id="b_tb1">
				<tr>
					<td>작성자</td>
					<td>최은규</td>
				</tr>
				<tr>
					<td>글 유형</td>
					<td>공지</td>
				</tr>
				<tr>
					<td>작성일</td>
					<td>2014/06/14</td>
				</tr>
				<tr>
					<td>조회수</td>
					<td>14</td>
				</tr>
				<tr>
					<td>좋아 / 싫어</td>
					<td>4 - 1</td>
				</tr>
				<tr>
					<td>제목</td>
					<td>공지사항입니다</td>
				</tr>
				<tr>
					<td>내용</td>
					<td>안녕하세요<br/>공지사항입니다<br/>즐거운 주말되세요<br/></td>
				</tr>
			</table>
			<table width="75%" class="b_tb">
				<tr>
					<td align="right">
						<input type="button" value="답글" id="btnReply" class="bw_btn">
						<input type="button" value="수정" id="btnEdit" class="bw_btn">
						<input type="button" value="삭제" id="btnDelete" class="bw_btn">
						<input type="button" value="목록" id="btnList" class="bw_btn">
					</td>
				</tr>
			</table>
			<table width="75%" class="b_tb">
				<tr>
					<td width="20%"></td>
					<td width="55%">
						<textarea rows="4" cols="100" style="resize: none; font-size: 17px;"></textarea>
					</td>
					<td width="20%">
						<input type="button" value="댓글" id="btnComent" class="bw_btn" style="width: 70px;height: 70px;">
					</td>
					<td width="5%"></td>
				</tr>
			</table>
			<table width="75%" class="b_tb">
				<tr>
					<td width="10%"></td>
					<td width="20%" style="border: 1px solid red;background-color: blue;" align="center">슈퍼 초 울트라 매니아</td>
					<td width="55%" style="border: 1px solid red;background-color: blue;">
						ㅋㅋㅋㅋㅋ<br/>ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ<br/>
					</td>
					<td width="15%"></td>
				</tr>
			</table>
		</div>
	</form>
	<script type="text/javascript">
		var oEditors = [];

		// 추가 글꼴 목록
		//var aAdditionalFontSet = [["MS UI Gothic", "MS UI Gothic"], ["Comic Sans MS", "Comic Sans MS"],["TEST","TEST"]];

		nhn.husky.EZCreator.createInIFrame({
			oAppRef : oEditors,
			elPlaceHolder : "ir1",
			sSkinURI : "${pageContext.request.contextPath }/se2/SmartEditor2Skin.html",
			htParams : {
				bUseToolbar : true, // 툴바 사용 여부 (true:사용/ false:사용하지 않음)
				bUseVerticalResizer : true, // 입력창 크기 조절바 사용 여부 (true:사용/ false:사용하지 않음)
				bUseModeChanger : true, // 모드 탭(Editor | HTML | TEXT) 사용 여부 (true:사용/ false:사용하지 않음)
				//aAdditionalFontList : aAdditionalFontSet,		// 추가 글꼴 목록
				fOnBeforeUnload : function() {
					alert("아싸!");
				}
			}, //boolean
			
			fCreator : "createSEditor2"
		});
	</script>
</body>
</html>